<template>
  <div class="add" style="position: fixed; top: 0; width: 100%; height: 2000px; background: whitesmoke">
    <div style="width: 100%;height: 55px;background: white;display: flex" @click="fanhui">
      <div style="font-family: 'Avenir';font-size: 20px;margin: 13px 0 0 0px;width: 10%"><van-icon name="arrow-left" /></div>
      <div style="font-family: 'Avenir';font-size: 20px;margin: 12px 0 0 0px;width: 80%">{{$t('main.SetUp')}}</div>
      <div style="font-family: 'Avenir';font-size: 20px;margin: 13px 0 0 0px;width: 10%"></div>
    </div>
    <div style="width: 100%;height: 55px;background: white;display: flex;margin-top: 10px" @click="captcha">
      <div style="font-family: 'Avenir';font-size: 16px;margin: 15.5px 0 0 15px;width:87%;display: flex">{{$t('main.AccountSecurity')}}</div>
      <div style="font-family: 'Avenir';font-size: 17px;margin: 12px 0 0 0px;width:13%">  <van-icon name="arrow" /> </div>
    </div>
    <div style="width: 100%;height: 55px;background: white;display: flex;margin-top: 10px" @click="lang">
      <div style="font-family: 'Avenir';font-size: 16px;margin: 15.5px 0 0 15px;width:77%;display: flex">{{$t('main.Language')}}</div>
      <div style="font-family: 'Avenir';font-size: 16px;margin: 15.5px 0 0 15px;width:10%;display: flex;color: #9ca1a7">{{$t('main.language')}}</div>
      <div style="font-family: 'Avenir';font-size: 17px;margin: 15px 0 0 0px;width:13%">  <van-icon name="arrow" /> </div>
    </div>
    <div style="width: 100%;height: 55px;background: white;display: flex;margin-top: 1.5px" @click="Message">
      <div style="font-family: 'Avenir';font-size: 16px;margin: 15.5px 0 0 15px;width:87%;display: flex">{{$t('main.NewMessageNotification')}}</div>
      <div style="font-family: 'Avenir';font-size: 17px;margin: 16px 0 0 0px;width:13%">  <van-icon name="arrow" /> </div>
    </div>
    <div style="width: 100%;height: 55px;background: white;display: flex;margin-top: 10px" @click="privacy">
      <div style="font-family: 'Avenir';font-size: 16px;margin: 15.5px 0 0 15px;width:87%;display: flex">{{$t('main.PrivacyManagement')}}</div>
      <div style="font-family: 'Avenir';font-size: 17px;margin: 16px 0 0 0px;width:13%">  <van-icon name="arrow" /> </div>
    </div>
    <div style="width: 100%;height: 55px;background: white;display: flex;margin-top: 1.5px" @click="feedback">
      <div style="font-family: 'Avenir';font-size: 16px;margin: 15.5px 0 0 15px; ;width:87%;display: flex">{{$t('main.Feedback')}}</div>
      <div style="font-family: 'Avenir';font-size: 17px;margin: 16px 0 0 0px;width:13%">  <van-icon name="arrow" /> </div>
    </div>

    <div style="width: 100%;height: 55px;background: white;display: flex;margin-top: 10px">
      <div style="font-family: 'Avenir';font-size: 16px;margin: 15.5px 0 0 15px">{{$t('main.ClearTheLocalCache')}}</div>
<!--      <div style="font-family: 'Avenir';font-size: 20px;margin: 12px 0 0 320px"> > </div>-->
    </div>
    <div style="width: 100%;height: 55px;background: white;display: flex;margin-top: 1.5px" @click="AboutUs">
      <div style="font-family: 'Avenir';font-size: 16px;margin: 15.5px 0 0 15px;width: 85%;display: flex">{{$t('main.AboutUs')}}</div>
      <div style="font-family: 'Avenir';font-size: 17px;margin: 16px 0 20px 0px;width: 15%">  <van-icon name="arrow" /> </div>
    </div>
    <van-button type="primary" style="width: 90%; height: 50px; background: red;
     border: white; font-size: 20px; margin-top: 20px; border-radius:50px;" @click="signOut" >{{$t('main.SignOut')}}</van-button>
  </div>
</template>

<script>

export default {
  data() {
    return {
      user: JSON.parse(localStorage.getItem('login')),
    };
  },
  created() {
  },
  methods: {
    feedback(){
      this.$router.push("/feedback")
    },
    AboutUs(){
      this.$router.push("/aboutUs")
    },
    privacy(){
      this.$router.push("privacy")
    },
    Message(){
      this.$router.push("/message")
    },
    lang(){
      this.$router.push("/lang")
    },
    fanhui() {
      this.$router.push('/mine')
    },
    captcha(){
      this.$router.push('/accountSafe')
    },
    signOut(){
      localStorage.removeItem('login');
      this.$router.push('/login/Login')
    },
  }
}

</script>

<style scoped>



</style>
